<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品详情</title>
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/details.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2600434_27mzvuns7vp.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <!-- 服务热线 -->
        <h4 class="w">
            <div class="connection">全国服务热线：400-000-0000</div>
            <div class="right">
                <a href="#">设为首页</a>
                <a href="#">加入收藏</a>
            </div>
        </h4>
        <!-- 导航栏 -->
        <div class="nav">
            <div class="w">
                <div class="left">
                    <div class="logo">
                        <img src="./images/Logo.jpg" alt="">
                    </div>
                    <ul class="company">
                        <li>TK科技有限公司</li>
                        <li>cer dcd keo Holdings Co., Ltd.</li>
                    </ul>
                </div>
                <ul class="shortcut">
                    <li>
                        <span><a href="01-index.html">首页</a></span>
                        <p><a href="01-index.html">Home</a></p>
                    </li>
                    <li>
                        <span><a href="01-index.html#about">关于我们</a></span>
                        <p><a href="01-index.html#about">About</a></p>
                    </li>
                    <li>
                        <span><a href="02-products.html">产品中心</a></span>
                        <p><a href="02-products.html">Products</a></p>
                    </li>
                    <li>
                        <span><a href="#">服务支持</a></span>
                        <p><a href="#">Service</a></p>
                    </li>
                    <li>
                        <span><a href="01-index.html#News">新闻中心</a></span>
                        <p><a href="01-index.html#News">News</a></p>
                    </li>
                    <li>
                        <span><a href="#">在线商店</a></span>
                        <p><a href="#">Shop</a></p>
                    </li>
                    <li>
                        <span><a href="01-index.html#contact">联系我们</a></span>
                        <p><a href="01-index.html#contact">Contact Us</a></p>
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <div class="main">
        <!-- 广告图 -->
        <div class="banner">
            <img src="./images/details/banner.jpg" alt="">
        </div>
        <h3><a href="#">首页 &gt; 新品发布 &gt; S6207Y-WR</a></h3>
        <!-- 摄像头照片及参数 -->
        <div class="article">
            <div class="camera">
                <div class="big">
                    <img src="./images/details/01.jpg" alt="">
                </div>
                <div class="small">
                    <img src="./images/details/02.jpg" alt="">
                    <img src="./images/details/03.jpg" alt="">
                    <img src="./images/details/04.jpg" alt="">
                    <img src="./images/details/05.jpg" alt="">
                    <img src="./images/details/06.jpg" alt="">
                </div>
            </div>
            <div class="camera_details">
                <h2>百万高清网络摄像机</h2>
                <h3>型号：S6207Y-WR</h3>
                <h4>描述：</h4>
                <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机观看 <br>
                    1、采用H.264视频压缩技术, 实现超低码率、高清晰画质, 128K-2056Kbps可调；<br>
                    2、1280*720 Pixels(1000k Pixels) 720P/VGA；<br>
                    3、支持控制上下旋转巡航（水平355度/垂直120度）；支持ONVIF协议，标准RTSP流；<br>
                    4、支持最大64GB TF卡插入，支持双向对讲；<br>
                    5、支持smartlink免网线智能配置摄像机WiFi；支持手机远程监控（iPhone, Android）</p>
                <input type="button" value="立即购买" class="btn">
                <input type="button" value="联系我们" class="btn">
            </div>
        </div>
        <!-- 产品描述等 -->
        <div class="presentation">
            <ul class="title_01">
                <li>产品描述</li>
                <li>规格参数</li>
                <li>产品图集</li>
            </ul>
            <ul class="product_details">
                <li>
                    <h2>720P高清画质</h2>
                    <h3>百万高清镜头，高性能海思芯片</h3>
                    <p>1280X720分辨率，清晰度是普通摄像头的3倍</p>
                    <div class="picture_1">
                        <img src="./images/details/图层 87.jpg" alt="">
                        <img src="./images/details/图层 88.jpg" alt="">
                    </div>
                </li>
                <li>
                    <h2>10米红外夜视</h2>
                    <h3>零光源不用怕，成像一样清晰</h3>
                    <p>红外校正的光学设计，自动校正红外虚焦，保证晚上图像清晰，红外灯<br>
                        照射距离可达10米，配备IR-CUT，夜晚彩转黑白</p>
                    <div class="picture_2">
                        <img src="./images/details/图层 90.jpg" alt="">
                    </div>
                </li>
                <li>
                    <h2>移动侦测 信息推送</h2>
                    <h3>精准度高，误报率低。不怕贼惦记</h3>
                    <p>当监控区域出现移动目标时，监控录像就会自动开启录像功能，并会<br>
                        在第一时间将异常情况发送报警提示您</p>
                    <div class="picture_2">
                        <img src="./images/details/图层 92.jpg" alt="">
                    </div>
                </li>
                <li>
                    <img src="./images/details/6205_07.jpg" alt="">
                </li>
            </ul>
            <div class="title_02">规格参数</div>
            <div class="picture_3">
                <img src="./images/details/6207.jpg" alt="">
            </div>
            <div class="title_03">更多产品</div>
            <ul class="more">
                <li><img src="./images/details/01_001.jpg" alt=""></li>
                <li><img src="./images/details/01_002.jpg" alt=""></li>
                <li><img src="./images/details/01_003.jpg" alt=""></li>
                <li><img src="./images/details/01_004.jpg" alt=""></li>
                <li><img src="./images/details/01_005.jpg" alt=""></li>
            </ul>
        </div>
    </div>
    <footer>
        <div class="footer_center">
            <p>关注我们</p>
            <a href="#"><i class="iconfont icon-xinlangweibo"></i></a>
            <a href="#"><i class="iconfont icon-qq"></i></a>
            <a href="#"><i class="iconfont icon-weixin"></i></a>
        </div>
        <ul class="last_second">
            <li><a href="#">网站首页</a></li>
            <li>&bull;</li>
            <li><a href="#">新闻动态</a></li>
            <li>&bull;</li>
            <li><a href="#">关于我们</a></li>
            <li>&bull;</li>
            <li><a href="#">团队风采</a></li>
            <li>&bull;</li>
            <li><a href="#">联系我们</a></li>
            <li>&bull;</li>
            <li><a href="#">在线留言</a></li>
        </ul>
        <div class="last">
            <p>©2015 TK科技有限公司 版权所有沪ICP证13022560号-7 All Rights Reserved</p>
        </div>
    </footer>
</body>

</html>